<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="/ico/favicon.png">

    <title>SPOT - Free Bootstrap 3 Theme</title>

    <!-- Bootstrap core CSS -->
    <link href="/JclhslWebApp/css/bootstrap.css" rel="stylesheet">
    <link href="/JclhslWebApp/css/font-awesome.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/JclhslWebApp/css/main.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="/JclhslWebApp/css/style.css" />
	<script type="text/javascript" src="/JclhslWebApp/js/jquery.min.js"></script>
	<script src="/JclhslWebApp/js/bootstrap.min.js"></script>
	<script>
		$(document).ready(function () {
			$("a[href*='members']").parent().addClass("active");
		});
	</script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
  <div data-include="header"></div>
	<div class="container w">
		<div class="row centered">
			<br><br>
			<div class="col-lg-4">
					<!-- <div id="dic_bubble" class="selection_bubble fontSize13 noSelect" style="z-index: 9999; border: 1px solid rgb(74, 174, 222); visibility: hidden;"></div><div class="container"> -->

				      <form class="form-signin" role="form">
				        <h2 class="form-signin-heading">Please sign in</h2>
				        <input class="form-control" placeholder="Email address" required="" autofocus="" type="email">
				        <input class="form-control" placeholder="Password" required="" type="password">
				        <label class="checkbox">
				          <input value="remember-me" type="checkbox"> Remember me
				        </label>
				        <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
				      </form>

				    <!-- </div> --> <!-- /container -->


				    <!-- Bootstrap core JavaScript
				    ================================================== -->
				    <!-- Placed at the end of the document so the pages load faster -->
			</div><!-- col-lg-4 -->

			<div class="col-lg-4">
				<i class="fa fa-laptop"></i>
				<h4>BOOTSTRAP</h4>
				<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even believable.</p>
			</div><!-- col-lg-4 -->

			<div class="col-lg-4">
				<i class="fa fa-trophy"></i>
				<h4>SUPPORT</h4>
				<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even believable.</p>
			</div><!-- col-lg-4 -->
		</div><!-- row -->
		<br>
		<br>
	</div><!-- container -->

	<div data-include="footer"></div>
	<!-- Placed at the end of the document so the pages load faster -->
	<script>
		$('div[data-include]').each(function() {
			$(this).load( $(this).attr('data-include') + '.html').trigger('create');
		});
        $("a[href*='members']").parent().addClass("active");
	</script> 
  </body>
</html>
